<template>
  <div class="assets-pending">
    <purchase-audit @close="close" v-if="assetsData.assetsType==='purchase'"></purchase-audit>
    <transfer-audit @close="close" v-if="assetsData.assetsType==='transfer'"></transfer-audit>
    <replenish-audit @close="close" v-if="assetsData.assetsType==='replenish'"></replenish-audit>
    <replenish-procurement @close="close" v-if="assetsData.assetsType==='replenishProcurement'"></replenish-procurement>
    <replenish-procurement-audit @close="close" v-if="assetsData.assetsType==='replenishProcurementAudit'"></replenish-procurement-audit>
    <consumables-audit @close="close" v-if="assetsData.assetsType==='consumables'"></consumables-audit>
    <borrow-audit @close="close" v-if="assetsData.assetsType==='borrow'"></borrow-audit>
    <purchase-procurement @close="close" v-if="assetsData.assetsType==='purchaseProcurement'"></purchase-procurement>
    <purchase-procurement-audit @close="close" v-if="assetsData.assetsType==='purchaseProcurementAudit'"></purchase-procurement-audit>
    <claimants-audit @close="close" v-if="assetsData.assetsType==='claimants'"></claimants-audit>
    <scrap-audit @close="close" v-if="assetsData.assetsType==='scrap'"></scrap-audit>
    <consumables-procurement @close="close" v-if="assetsData.assetsType==='consumablesProcurement'"></consumables-procurement>
    <consumables-procurement-audit @close="close" v-if="assetsData.assetsType==='consumablesProcurementAudit'"></consumables-procurement-audit>
  </div>
</template>

<script>
import { mapState } from "vuex"
import purchaseAudit from "./auditMain/purchaseAudit.vue";
import transferAudit from "./auditMain/transferAudit.vue";
import replenishAudit from "./auditMain/replenishAudit.vue";
import replenishProcurement from "./auditMain/replenishProcurement.vue";
import replenishProcurementAudit from "./auditMain/replenishProcurementAudit.vue";
import consumablesAudit from "./auditMain/consumablesAudit.vue";
import borrowAudit from "./auditMain/borrowAudit.vue";
import purchaseProcurement from "./auditMain/purchaseProcurement.vue";
import purchaseProcurementAudit from "./auditMain/purchaseProcurementAudit.vue";
import claimantsAudit from "./auditMain/claimantsAudit.vue";
import scrapAudit from "./auditMain/scrapAudit.vue";
import consumablesProcurement from "./auditMain/consumablesProcurement.vue";
import consumablesProcurementAudit from "./auditMain/consumablesProcurementAudit.vue";
export default {
  components: {
    purchaseAudit,
    transferAudit,
    replenishAudit,
    replenishProcurement,
    replenishProcurementAudit,
    consumablesAudit,
    borrowAudit,
    purchaseProcurement,
    purchaseProcurementAudit,
    claimantsAudit,
    scrapAudit,
    consumablesProcurement,
    consumablesProcurementAudit
  },
  name: "",
  props: {
    assetsData: {
      type: Object,
      default: ()=> ({})
    },
  },
  data() {
    return {
    }
  },
  computed: {
  },
  mounted() {
    console.log(this.assetsData.assetsType,999888)
  },
  methods: {
    close() {
      this.$emit('close')
    },
  },
};
</script>
<style lang="less" scoped>
@textColor: #1f1e1d;
@ntalkColor: #e67529;
@keyframes document-move-in {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
.assets-pending {
  position: fixed;
  width: calc(100% - 56px);
  height: calc(100vh - 40px);
  top: 40px;
  right: 0;
  box-sizing: border-box;
  background-color: rgba(0,0,0,0.45);
  z-index: 110000;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
}
</style>
